import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

// postcss plugins
import postcssImport from 'postcss-import'
import autoprefixer from 'autoprefixer'
import postcssDemo from './src/plugins/postcss-demo-plugin'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    },
    extensions: ['.vue', '.ts', '.js', '.jsx', '.tsx', '.json', '.mjs']
  },
  base: './',
  server: {
    port: 4000,
    open: false,
    cors: true // 允许跨域
    // 设置代理，根据我们项目实际情况配置
    // proxy: {
    //   '/api': {
    //     target: 'http://xxx.xxx.xxx.xxx:8000',
    //     changeOrigin: true,
    //     secure: false,
    //     rewrite: (path) => path.replace('/api/', '/')
    //   }
    // }
  },
  css: {
    postcss: {
      plugins: [
        postcssImport(),
        postcssDemo({
          include: ''
        }),
        autoprefixer({
          overrideBrowserslist: [
            'Android 4.1',
            'iOS 7.1',
            'Chrome > 31',
            'not ie <= 11', // 不考虑IE浏览器
            'ff >= 30', // 仅新版本用“ff>=30
            '> 1%', //  全球统计有超过1%的使用率使用“>1%”;
            'last 2 versions' // 所有主流浏览器最近2个版本
          ],
          grid: true
        })
      ]
    }
  }
})
